<template>
  <div>
    <!-- <h1>Vue3</h1>
    <MyComponents></MyComponents>
    <Text></Text>
    <button @click="pageSize--">-</button>
    <span class="pageSize">{{pageSize}}</span>
    <button v-on:click="pageSize++">+</button>
    <button @click='returnZero(0)'>归零</button>
    <a href="https://www.baidu.com/Index.htm" @click.prevent>百度</a> -->
    <!-- <span>{{ students[0].name }}</span> -->
    <!-- <Demo /> -->
    <!-- <IntegratedSkills/> -->
    <!-- <IntegratedSkillsPlus/> -->
    <!-- <Movies/> -->

    <!-- <ImageRender/> -->
    <!-- <Computed/> -->
    <!-- <ComputedGetAndSet/> -->
    <!-- <MoviesFilter /> -->
    <!-- <VModel/> -->


    <!-- 0607 -->
    <!-- <ToDoList/> -->
    <!-- <Shop/> -->
    <!-- <MovieManagement/> -->
    <!-- <FatherComponent/> -->
    <!-- <SassText /> -->
    <!-- <TableText/> -->
    <!-- <MenuText/> -->
    <!-- <Father /> -->
    <!-- <Count/> -->
    <!-- <MovieCenter/> -->
    <!-- <StudentsManage/> -->
     <Father/>
  </div>
</template>

<script setup>
import ToDoList from './components/Study(06-06)/ToDoList.vue';
import Count from './components/Study(06-11)/Count.vue';
// import VModel from './components/Study(06-06)/VModel.vue';
// import { ref, reactive } from 'vue';
// import Demo from './components/Study(06-05)/Demo.vue';
// import IntegratedSkills from './components/Study(06-04)/IntegratedSkills.vue';
// import IntegratedSkillsPlus from './components/Study(06-04)/IntegratedSkillsPlus.vue';
// import Movies from './components/Study(06-04)/Movies.vue';
// import Shop from './components/Study(06-04)/Shop.vue';
// import ImageRender from './components/Study(06-06)/ImageRender.vue';
// import Computed from './components/Study(06-06)/Computed.vue';
// import ComputedGetAndSet from './components/Study(06-06)/ComputedGetAndSet.vue';
// import MoviesFilter from './components/Study(06-06)/MoviesFilter.vue';
// import MovieManagement from './components/homeWork(06-07)/MovieManagement.vue';
// import SassText from './components/Study(06-09)/SassText.vue';
// import FatherComponent from './components/Study(06-10)/FatherComponent.vue';
import TableText from './components/Study(06-10)/TableText.vue';
// import MyMenu from './components/globalComponents/MyMenu.vue';
// import MenuText from './components/Study(06-10)/MenuText.vue';
// import Father from './components/Study(06-11)/Father.vue';
import MovieCenter from './components/HomeWork(06-11)/MovieCenter.vue';
import StudentsManage from './components/HomeWork(06-11)/StudentsManage.vue';
import Father from './components/Study(06-12)/Father.vue';
// let students = reactive([
//   {name:'张三',aeg:20,gender:'男'},
//   {name:'李四',aeg:20,gender:'男'},
//   {name:'王五',aeg:20,gender:'女'}
// ]);
// console.log(students);
// let studentsName = students.map(item=> item.name);
// console.log(studentsName);


// let pageSize = ref(0);
// let returnZero =(data)=>{
//   pageSize.value = data;
// }
// import MyComponents from './components/Study(06-04)/MyComponents.vue';
// import Text from './components/Study(06-04)/Text.vue'
// </script>
<style scoped>
.pageSize {
  margin: 0 5px;
}
</style>